<template>
  <div>
    <a-row :gutter="[15, 15]">
      <a-col :xs="24" :sm="24" :md="16" :lg="16" :xl="17" style="margin-bottom: 10px">
        <RoleList />
      </a-col>
      <a-col :xs="24" :sm="24" :md="8" :lg="8" :xl="7">
        <RolePermission />
      </a-col>
    </a-row>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import RoleList from './roleList.vue';
  import RolePermission from './rolePermission.vue';

  export default defineComponent({
    components: {
      RoleList,
      RolePermission,
    },
    setup() {
      return {};
    },
  });
</script>
